<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
 
</body>
<script>
    // 项目的开发流程:
    // 0. 买服务器(web服务器)
    // 1. 立项 =>  确认项目的功能,整理成需求文档
    // 2. UI画设计图, 原型图    
    // 3. 后端配置数据库(建库 建表), 写后端接口 => 整理成接口文档 
    // 4. 前端配合UI还原设计图   配合后端,前端后端交互  (Mock模拟假数据)
    // 5. 项目测试 (测试人员 => bug文档)
    // 6. 打包上线 (运维)  => web服务器 
    // 7. 线上测试 (测试人员 => bug文档)     -> 本地环境(开发环境)  生产环境(运行环境) 
    // 8. 代码更新维护 

    function ajax(options){
        let {type="get",url,data="",async=true,dataType="text",success} = options;

        var xhr = new XMLHttpRequest();

        if(Object.prototype.toString.call(data) === "[object Object]"){
            // 把对象解析参数数据队列
        }

        xhr.open()

        // post xhr.setRequestHeader()
        xhr.send()


        xhr.onload = function(){
            var res = xhr.responseText;

            if(dataType == "json"){

            }

            success(res);
        }

    }

    // url
    // https://www.search.jd.com:443/Search?keyword=%E5%8D%8E%E4%B8%BA&enc=utf-8&suggest=1.his.0.0&wq=&pvid=c13be172a11142bf9019bdab0a06640a#one
    // http://121.43.116.41:80/demo/html/index.html

    // http://localhost:5500/day29/html/09%20url%E7%BB%84%E6%88%90.html?user=zxczxc&pwd=123123#three
    // http://127.0.0.1:5500/day29/html/09%20url%E7%BB%84%E6%88%90.html?user=zxczxc&pwd=123123#three







</script>
</html>